<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple_icons_57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple_icons_72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple_icons_114x114.png">
<title>Groutek | Premium Html Template</title>
<link href="http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,100,400italic,700,500,900" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Nothing+You+Could+Do" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/theme.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/revslider.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/custom.css" type="text/css" media="all" />
</head>
<body>
	<div class="main_header type1">
        <div class="tagline">
            <div class="container">
                <div class="fright">
                	<div class="tagline_items">
                    	<div class="language_select">
                            <div class="selectBox">
                                <span class="selected"></span>
                                <span class="selectArrow"></span>
                                <div class="selectOptions" >
                                    <span class="selectOption" data-value="english"><img src="img/imgs/uk_flag.png" alt="" />English</span>
                                    <span class="selectOption" data-value="germany"><img src="img/imgs/germany_flag.png" alt="" />Germany</span>
                                </div>
                            </div>
                        </div>
                        <div class="log_in_out"><a href="javascript:void(0);" data-toggle="modal" data-target=".login_popup"><i class="icon-sign-in"></i> Login</a></div>
                        <div class="modal fade login_popup" tabindex="-1" role="dialog" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <h3>Please, Log in</h3>
                                    <form action="javascript:void(0);" method="post">
                                        <input type="text" placeholder="Username*" value="" name="name">
                                        <input type="password" placeholder="Password*" value="" name="password">
                                        <input type="submit" value="Log In"> 
                                        <div class="remember_me"><label><input name="remember" type="checkbox" value="remember">Remember Me</label></div>
                                    </form>
                                    <div class="forgot_password"><a href="javascript:void(0);">Forgot Your Password?</a></div>
                                    <button type="button" class="close_popup" data-dismiss="modal"><i class="icon-times"></i></button>
                                </div>
                            </div>
                        </div>
                        <div class="cart_btn">
                        	<a href="shop_cart.html" class="view_cart_btn"><i class="icon-shopping-cart"></i> Cart</a>
                            <!-- Cart submenu -->
                            <div class="cart_submenu">
                            	<div class="cart_wrap">
                                	<a href="javascript:void(0);" class="remove_products"><i class="icon-times-circle"></i></a>
                                	<ul class="product_posts">                                    
                                        <li>
                                            <img src="img/shop/1.jpg" alt="" />
                                            <a href="shop_product.html" class="title">Nemo Enim Ipsam</a>
                                            <div class="price">1<span>x</span>$500.00</div>
                                        </li>
                                    </ul>
                                    <div class="subtotal">Subtotal: <span>$500.00</span></div>
                                    <a href="shop_cart.html" class=" shortcode_button btn_small btn_type5 mr15">View cart</a>
                                    <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type1 mr0">Checkout</a>
                                </div>
                            </div>
                            <!-- //Cart submenu -->
                        </div>
                    </div>
                    <div class="top_search" id="top_search">
                        <form action="#" method="get" name="search_form">
                            <input type="text" class="ct-search-input" value="" name="s" placeholder="Search...">
                            <input type="submit" value="Search" class="s_submit">
                            <span class="top-icon-search">
                            	<i class="icon-search"></i>
                            </span>                                
                        </form>                            
                    </div>                   
                </div>
                <div class="fleft">
                    <div class="phone"><i class="icon-phone"></i> +1 800 245 39 25</div>
                    <div class="email"><a href="mailto:#"><i class="icon-envelope"></i> info@yourdomain.com</a></div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="header_parent_wrap">
            <header>
                <div class="container">
                	<a class="top_menu_toggler" href="javascript:void(0)"></a>
                	<div class="logo_sect">
                        <a href="index.html" class="logo"><img src="img/logo.png" class="logo_def" alt="" /><img src="img/retina/logo.png" class="logo_retina" alt="" /></a>                
                    </div> 
                    <nav>
                        <ul class="menu">
                            <li class="current-menu-parent menu-item-has-children"><a href="#">Home</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="index.html">Home Type1</a></li>
                                        <li><a href="home_type2.html">Home Type2</a></li>
                                        <li><a href="home_type3.html">Home Type3</a></li> 
                                        <li class="current-menu-item"><a href="home_type4.html">Home Type4</a></li>                     
                                    </ul> 
                                </div>	
                            </li>
                            <li class="menu-item-has-children"><a href="#">Pages</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li class="menu-item-has-children"><a href="#">About</a>
                                            <div class="sub-nav">
                                                <ul class="sub-menu">
                                                    <li><a href="about.html">About 1</a></li>
                                                    <li><a href="about2.html">About 2</a></li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li><a href="service.html">Service</a></li>
                                        <li><a href="team.html">Team</a></li>
                                        <li><a href="careers.html">Careers</a></li>
                                        <li><a href="gallery.html">Gallery</a></li>
                                        <li><a href="showreel.html">Showreel</a></li>
                                        <li><a href="404.html">404 Error</a></li>
                                        <li><a href="faq.html">FAQ</a></li>
                                        <li><a href="sitemap.html">Sitemap</a></li>
                                        <li><a href="coming_soon.html">Coming Soon</a></li>                                                                      
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Features</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="typography.html">Typography</a></li>  
                                        <li><a href="shortcodes.html">Shortcodes</a></li>
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Works</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="portfolio_1col.html">1 Column</a></li>
                                        <li><a href="portfolio_2col.html">2 Columns</a></li>
                                        <li><a href="portfolio_3col.html">3 Columns</a></li>
                                        <li><a href="portfolio_3col_masonry.html">3 Columns Masonry</a></li>
                                        <li><a href="portfolio_wide.html">Wide</a></li>
                                        <li class="menu-item-has-children"><a href="#">Single Post</a>
                                            <div class="sub-nav">
                                                <ul class="sub-menu">
                                                    <li><a href="portfolio_post_fullwidth.html">Fullwidth Image</a></li>
                                                    <li><a href="portfolio_post_right_sidebar.html">With Right Sidebar</a></li>
                                                    <li><a href="portfolio_post_left_sidebar.html">With Left Sidebar</a></li>
                                                </ul>
                                            </div>
                                        </li>                              
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Blog</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="blog_fullwidth.html">Fullwidth Blog</a></li>
                                        <li><a href="blog_right_sidebar.html">With Right Sidebar</a></li>
                                        <li><a href="blog_left_sidebar.html">With Left Sidebar</a></li>
                                        <li class="menu-item-has-children"><a href="#">Single Post</a>
                                            <div class="sub-nav">
                                                <ul class="sub-menu">
                                                    <li><a href="post_fullwidth.html">Fullwidth Image</a></li>
                                                    <li><a href="post_right_sidebar.html">With Right Sidebar</a></li>
                                                    <li><a href="post_left_sidebar.html">With Left Sidebar</a></li>
                                                </ul>
                                            </div>
                                        </li>                             
                                    </ul> 
                                </div>                        
                            </li>
                            <li class="menu-item-has-children"><a href="#">Shop</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="shop.html">All Products</a></li>
                                        <li><a href="shop_product.html">Single Product</a></li>
                                        <li><a href="shop_cart.html">Cart</a></li>                                                                    
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Contact</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="contact_fullwidth.html">Fullwidth</a></li>
                                        <li><a href="contact_sidebar.html">With Sidebar</a></li>                                                 
                                    </ul> 
                                </div>
                            </li>
                        </ul>                                  
                    </nav>                   
                    <div class="clear"></div>
                </div>
            </header>
        </div>
    </div>
    
    <div class="wrapper">
    	<div class="container">
        	<div class="content_block row no-sidebar">
            	<div class="fl-container">
                	<div class="posts-block">
                        <div class="contentarea">  
                        	<!-- Slider -->                                        
                            <div class="fw_block bg_start wall_wrap">
                            	<div class="row">
                                    <div class="col-sm-12 first-module module_slider module_cont pb0">
                                    	<div class="slider_container">
                                            <div class="fullscreen_slider slider_bg type2">
                                                <ul>
													<!-- SLIDE 1 -->
													<li data-transition="fade" data-slotamount="5" data-masterspeed="700" >
														<img src="img/slider/transparent.png" alt="slide3" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" />              
														<!-- LAYER NR. 1 -->
														<div class="tp-caption lfb ltb slide_left_img z_index2"
														   data-x="0"
														   data-y="-67"
														   data-speed="1500"
														   data-start="500"
														   data-easing="Power3.easeInOut"
														   data-endspeed="300"><img src="img/slider/success.jpg" alt=""/>
														</div>

														<!-- LAYER NR. 2 -->                
														<div class="tp-caption lft ltt tp-resizeme slide_title"
															data-x="412"
															data-y="235"
															data-speed="600"
															data-start="1200"
															data-easing="Power4.easeOut"
															data-endspeed="300"
															data-endeasing="Power4.easeIn">Ready to Enjoy?
														</div>
														
														<!-- LAYER NR. 3 -->
                                                      <div class="tp-caption lfb ltb tp-resizeme slide_descr"
                                                           data-x="581"
                                                           data-y="366"
                                                           data-speed="600"
                                                           data-start="1200"
                                                           data-easing="Power4.easeOut"
                                                           data-endspeed="600"
                                                           data-endeasing="Power4.easeIn">Grab This Perfect Theme Now!
                                                      </div>                                                      
                                                      
                                                      <!-- LAYER NR. 4 -->
                                                      <div class="tp-caption lfb ltb tp-resizeme slide_btn type3"
                                                           data-x="617"
                                                           data-y="449"
                                                           data-speed="800"
                                                           data-start="1400"
                                                           data-easing="Power4.easeOut"
                                                           data-endspeed="600"
                                                           data-endeasing="Power4.easeIn"><a href="javascript:void(0);">i Like It! Purchase</a>
                                                      </div>
                                                      
                                                      <!-- LAYER NR. 5 -->
                                                      <div class="tp-caption lfb ltb tp-resizeme slide_btn type4"
                                                           data-x="807"
                                                           data-y="449"
                                                           data-speed="800"
                                                           data-start="1500"
                                                           data-easing="Power4.easeOut"
                                                           data-endspeed="600"
                                                           data-endeasing="Power4.easeIn"><a href="javascript:void(0);">Go on Surfing</a>
                                                      </div>
													</li>                                                                                                                               
                                                </ul>
                                            </div>
                                        </div>                                        	
                                    </div>
                                </div>
                            </div>  
                            <!-- //Slider -->
                            
                            <div class="row">
                             	<div class="col-sm-12 module_cont pb0">
                                	<div class="bg_title">
                                    	<h2>We Create Highly Usable Designs</h2>
                                    </div>                                  
                                </div>
                             </div>
                             <div class="row">
                                <div class="col-sm-12 module_cont mt_5 pb65 animate" data-anim-type="fadeInUp" data-anim-delay="300">
                             		<p><span class="dropcap type3">A</span>liquam sodales eu felis a rutrum. In hac habitasse platea, dictumst ut nec aliquet urna curabitur volutpat semper a massa eget fermentum sed adipiscing massa a nec bibendum tincidunt nisi vestibulum, venenatis enim eu ac lorem sodales eu felis a rutrum in hac habitasse platea, dictumst ut nec aliquet urna curabitur volutpat semper massa eget neque 
fermentum. Sed adipiscing massa nec bibendum tincidunt nisi vestibulum, venenatis enim eu, fringilla erat at sodales.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem</p>
									<div class="pt43 ml_150 mr_150 mb13">
										<img src="img/imgs/home4_presentation.jpg" alt="">
                                    </div>
                            	</div>
                            </div>
                             
                             <div class="row">
                                <div class="col-sm-12 module_cont pb50">
                                    <div class="shortcode_diagram items4">
                                        <ul class="diagram_list" data-bg="#ffffff" data-color="#22a1c4" data-width="5px" data-size="130px" data-fontsize="40px">
                                            <li class="diagram_li animate" data-anim-type="fadeInLeftBig" data-anim-delay="500">
                                                <div class="diagram_wrapper">
                                                    <div class="diagram_item">
                                                        <div class="chart_wrapper">
                                                            <div class="chart" data-percent="75">75<span>%</span></div>
                                                        </div>
                                                        <div class="diagram_content">
                                                            <h3>Photoshop</h3>
                                                            <div class="diagram_descr">Temporibus autem quibusdam et aut officiis debitis aut rerum einem.</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="diagram_li animate" data-anim-type="fadeInLeft" data-anim-delay="300">
                                                <div class="diagram_wrapper">
                                                    <div class="diagram_item">
                                                        <div class="chart_wrapper">
                                                            <div class="chart" data-percent="80">80<span>%</span></div>
                                                        </div>
                                                        <div class="diagram_content">
                                                            <h3>Wordpress</h3>
                                                            <div class="diagram_descr">Neceus saepe eveniet ut et voluptates repudiandae sint et molest.</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="diagram_li animate" data-anim-type="fadeInRight" data-anim-delay="300">
                                                <div class="diagram_wrapper">
                                                    <div class="diagram_item">
                                                        <div class="chart_wrapper">
                                                            <div class="chart" data-percent="90">90<span>%</span></div>
                                                        </div>
                                                        <div class="diagram_content">
                                                            <h3>Photography</h3>
                                                            <div class="diagram_descr">Itaque earum rerum hic tenet sapiente delectus, ut aut reiciendis ut.</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="diagram_li animate" data-anim-type="fadeInRightBig" data-anim-delay="500">
                                                <div class="diagram_wrapper">
                                                    <div class="diagram_item">
                                                        <div class="chart_wrapper">
                                                            <div class="chart" data-percent="100">100<span>%</span></div>
                                                        </div>
                                                        <div class="diagram_content">
                                                            <h3>HTML5</h3>
                                                            <div class="diagram_descr">Bus maiores alias consequatur aut perferendis doloribus asperiores.</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>                                                                                                 
                                        </ul>
                                        <div class="clear"></div> 
                                    </div>                                     
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-sm-12 animate" data-anim-type="fadeInUp" data-anim-delay="300">
                                	<div class="fw_block bg_start highlighted_colored mb0">
                                        <div class="shortcode_promoblock">
                                            <div class="promoblock_wrapper">
                                                <div class="promo_text_block">
                                                    <div class="promo_text_block_wrapper">
                                                        <h2 class="promo_text_main_title">We Create Awesome Web and Mobile Products for Your Business!</h2>
                                                        <h6 class="promo_text_additional_title">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitiardo.</h6>
                                                    </div>
                                                </div>        
                                                <div class="promo_button_block"><a class="shortcode_button btn_large btn_type5" href="javascript:void(0);">Hire Us Now</a></div>
                                                <div class="clear"></div>                                                                                
                                            </div>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                </div>                             	
                            </div>
                                
							 <div class="fw_block bg_start pt172 pb130 bg1 paralax">
                             	<div class="row step_by_step">
                                    <div class="col-sm-3 module_cont module_iconboxes pb30 animate" data-anim-type="bounceIn" data-anim-delay="300">
                                        <div class="module_content shortcode_iconbox">
                                            <a href="javascript:void(0);">			
                                                <div class="iconbox_wrapper">
                                                    <div class="icon_title_wrap">
                                                        <div class="ico"><img src="img/icons/icon21.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon21.png" class="icon_retina" width="80" height="80" alt="" /></div>
                                                        <h5 class="iconbox_title">1. Creative Ideas</h5>
                                                    </div>				
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 module_cont module_iconboxes pb30 animate" data-anim-type="bounceIn" data-anim-delay="400">
                                        <div class="module_content shortcode_iconbox">
                                            <a href="javascript:void(0);">			
                                                <div class="iconbox_wrapper">
                                                    <div class="icon_title_wrap">
                                                        <div class="ico"><img src="img/icons/icon22.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon22.png" class="icon_retina" width="80" height="80" alt="" /></div>
                                                        <h5 class="iconbox_title">2. Rapid Solution</h5>
                                                    </div>				
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 module_cont module_iconboxes pb30 animate" data-anim-type="bounceIn" data-anim-delay="500">
                                        <div class="module_content shortcode_iconbox">
                                            <a href="javascript:void(0);">			
                                                <div class="iconbox_wrapper">
                                                    <div class="icon_title_wrap">
                                                        <div class="ico"><img src="img/icons/icon23.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon23.png" class="icon_retina" width="80" height="80" alt="" /></div>
                                                        <h5 class="iconbox_title">3. Magic Touch</h5>
                                                    </div>				
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 module_cont module_iconboxes pb30 animate" data-anim-type="bounceIn" data-anim-delay="600">
                                        <div class="module_content shortcode_iconbox">
                                            <a href="javascript:void(0);">			
                                                <div class="iconbox_wrapper">
                                                    <div class="icon_title_wrap">
                                                        <div class="ico"><img src="img/icons/icon24.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon24.png" class="icon_retina" width="80" height="80" alt="" /></div>
                                                        <h5 class="iconbox_title">4. Award Winning</h5>
                                                    </div>				
                                                </div>
                                            </a>
                                        </div>
                                    </div>                             	
                                 </div>
                             </div>
                             
                             <div class="row">
                                <div class="col-sm-12 module_cont pb0">
                                    <div class="bg_title">
                                        <h2>Limitless Possibilities with Groutek</h2>
                                    </div>                                   
                                </div>
                            </div> 
                            
                            <div class="row">                             	
                                <div class="col-sm-6 module_cont pb37 mt_6">
                                    <div class="module_content shortcode_iconbox type6 animate" data-anim-type="fadeInLeft" data-anim-delay="400">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                                <div class="icon_title_wrap">
                                                    <div class="ico">
                                                        <img src="img/icons/icon17_b.png" class="icon_def icon_pas" width="80" height="80" alt="" /><img src="img/retina/icons/icon17_b.png" class="icon_retina icon_pas" width="80" height="80" alt="" />
                                                        <img src="img/icons/icon17_bl.png" class="icon_def icon_hover" width="80" height="80" alt="" /><img src="img/retina/icons/icon17_bl.png" class="icon_retina icon_hover" width="80" height="80" alt="" />
                                                    </div>
                                                    <h5 class="iconbox_title">Easy to Install</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo invente.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                    <div class="module_content shortcode_iconbox type6 animate" data-anim-type="fadeInLeft" data-anim-delay="400">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                                <div class="icon_title_wrap">
                                                    <div class="ico">
                                                        <img src="img/icons/icon18_b.png" class="icon_def icon_pas" width="80" height="80" alt="" /><img src="img/retina/icons/icon18_b.png" class="icon_retina icon_pas" width="80" height="80" alt="" />
                                                        <img src="img/icons/icon18_bl.png" class="icon_def icon_hover" width="80" height="80" alt="" /><img src="img/retina/icons/icon18_bl.png" class="icon_retina icon_hover" width="80" height="80" alt="" />
                                                    </div>
                                                    <h5 class="iconbox_title">Save Money</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                    <div class="module_content shortcode_iconbox type6 animate" data-anim-type="fadeInLeft" data-anim-delay="400">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                                <div class="icon_title_wrap">
                                                    <div class="ico">
                                                        <img src="img/icons/icon19_b.png" class="icon_def icon_pas" width="80" height="80" alt="" /><img src="img/retina/icons/icon19_b.png" class="icon_retina icon_pas" width="80" height="80" alt="" />
                                                        <img src="img/icons/icon19_bl.png" class="icon_def icon_hover" width="80" height="80" alt="" /><img src="img/retina/icons/icon19_bl.png" class="icon_retina icon_hover" width="80" height="80" alt="" />
                                                    </div>
                                                    <h5 class="iconbox_title">Weekly Updates</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis volupt.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                    <div class="module_content shortcode_iconbox type6 animate" data-anim-type="fadeInLeft" data-anim-delay="400">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                                <div class="icon_title_wrap">
                                                    <div class="ico">
                                                        <img src="img/icons/icon20_b.png" class="icon_def icon_pas" width="80" height="80" alt="" /><img src="img/retina/icons/icon20_b.png" class="icon_retina icon_pas" width="80" height="80" alt="" />
                                                        <img src="img/icons/icon20_bl.png" class="icon_def icon_hover" width="80" height="80" alt="" /><img src="img/retina/icons/icon20_bl.png" class="icon_retina icon_hover" width="80" height="80" alt="" />
                                                    </div>
                                                    <h5 class="iconbox_title">Awesome Support</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-sm-6 module_cont pb37 animate" data-anim-type="fadeInRight" data-anim-delay="300">
                                    <div class="">
                                        <img src="img/imgs/home5.png" alt="">
                                    </div>
                                </div>
                             </div>
                             
                             <div class="row">
                                <div class="col-sm-12 module_cont pb0">
                                    <div class="bg_title">
                                        <h2>Watch Our Showreel</h2>
                                    </div>                                   
                                </div>
                            </div> 
                            
                            <div class="row">                             	
                                <div class="col-sm-12 module_cont pb70 animate" data-anim-type="fadeInUp" data-anim-delay="300">
                                	<iframe src="https://player.vimeo.com/video/63765108"  height="660" allowfullscreen></iframe>
                                </div>
							</div>
                             
							 <div class="fw_block bg_start grey_bg pt46 mb0">
                                <div class="row">
                                    <div class="col-sm-12 module_cont pb47 module_partners">
                                        <div class="module_content sponsors_works items6">
                                            <ul>
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="250">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                            <a href="http://wordpress.com/" target="_blank"><img src="img/imgs/wp.png" alt="" /></a>
                                                        </div>
                                                    </div>
                                                </li> 
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="300">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                            <a href="http://www.envato.com/" target="_blank"><img src="img/imgs/envato.png" alt="" /></a>
                                                        </div>
                                                    </div>
                                                </li> 
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="350">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                            <a href="http://mailchimp.com/" target="_blank"><img src="img/imgs/mailchimp.png" alt="" /></a>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="400">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                            <a href="http://www.pixeden.com/" target="_blank"><img src="img/imgs/pixeden.png" alt="" /></a>
                                                        </div>
                                                    </div>
                                                </li> 
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="450">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                            <a href="http://themeforest.net/" target="_blank"><img src="img/imgs/themeforest.png" alt="" /></a>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="500">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                            <a href="http://www.gt3themes.com/" target="_blank"><img src="img/imgs/gt3themes.png" alt="" /></a>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                 </div>
                             </div>
                             
                        </div>
                    </div>
                </div>
            </div>
        </div> 
    </div>
    
    <div class="footer">
    	<div class="container">
        	<div class="pre_footer">
            	<div class="row">
                	<div class="col-sm-3">
                    	<div class="sidepanel widget_text">
                        	<h4 class="title">Contact Us</h4>
                        	<p>Maecenas etos sit amet, consectetur adipiscing elit. Terminal volutpat rutrum metro amet sollicitudin interdum.</p>
                            <p><span>Phone:</span> +1 (800) 456 37 96</p>
                            <p><span>Office:</span> 5826 Baker Street, New York</p>
                            <p><span>Email:</span> <a href="mailto:#">info@groutek.com</a></p>
                            <div class="footer_socials">
                            	<ul>
                                	<li><a href="javascript:void(0);" class="soc_fb"><i class="icon-facebook"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_tweet"><i class="icon-twitter"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_google"><i class="icon-google-plus"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_dribbble"><i class="icon-dribbble"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_pinterest"><i class="icon-pinterest"></i></a></li>
                                </ul>
                            </div>
                        </div>	
                    </div>
                    <div class="col-sm-3">
                    	<div class="sidepanel widget_posts">
                        	<h4 class="title">Recent Posts</h4>
                            <ul class="recent_posts">                                    
                                <li class="with_img">
                                    <div class="recent_posts_content">
                                    	<img src="img/imgs/widget_post1.jpg" alt="" />
                                        <a href="javascript:void(0);" class="title">Business Cards Design Trends</a>
                                        <div class="recent_posts_info">Dec 02, 2020  /  <a href="javascript:void(0);">2 comments</a></div>
                                    </div>                                    
                                </li>                                
                                <li class="with_img">
                                    <div class="recent_posts_content">
                                    	<img src="img/imgs/widget_post2.jpg" alt="" />
                                        <a href="javascript:void(0);" class="title">This Maravelous App</a>
                                        <div class="recent_posts_info">Nov 18, 2020  /  <a href="javascript:void(0);">9 comments</a></div>
                                    </div>                                    
                                </li>
                                <li class="with_img">
                                    <div class="recent_posts_content">
                                    	<img src="img/imgs/widget_post3.jpg" alt="" />
                                        <a href="javascript:void(0);" class="title">Brand Paper Niceties</a>
                                        <div class="recent_posts_info">Nov 10, 2020  /  <a href="javascript:void(0);">0 comments</a></div>
                                    </div>                                    
                                </li>                            
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-3">
                    	<div class="sidepanel widget_twitter">
                        	<h4 class="title">Latest Twitts</h4>
                            <div class="tweet_module"></div>                          
                        </div>
                    </div>
                    <div class="col-sm-3">
                    	<div class="sidepanel widget_review">
                        	<h4 class="title">Last Review</h4>
                            <div class="last_review">
                            	<p class="review_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
                                <div class="clear"></div>
                                <div class="last_review_author">
                                	<h5>Richard Clark</h5>
                                    <h6>Creative Designer</h6>
                                    <img src="img/imgs/review_author.jpg" alt="" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer_bottom">
            	<div class="copyright">Copyright 2020. All Rights Reserved by Groutek, Premium HTML Template.</div>
                <div class="clear"></div>
            </div>
        </div>
    </div>   
    
    <div class="fixed-menu"></div>
    
    <script type="text/javascript" src="js/jquery.min.js"></script>	   
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/modules.js"></script>	
	<script type="text/javascript" src="js/theme.js"></script>
	<script type="text/javascript" src="js/color_panel.js"></script>
    <script type="text/javascript" src="js/jquery.themepunch.plugins.min.js"></script>
    <script type="text/javascript" src="js/jquery.themepunch.revolution.min.js"></script>    
    <script type="text/javascript">
		jQuery(document).ready(function() {
		   "use strict";			   						
		   jQuery('.fullscreen_slider').show().revolution({
				delay: 5000,
				startwidth: 1170,
				startheight: 765,
				fullWidth:"off",
				fullScreen:"on",
				navigationType:"bullet",
				fullScreenOffsetContainer: ".main_header",
				fullScreenOffset: ""
			});							
		});
	</script>  
</body>
</html>